<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	<title>下拉多选插件 jQuery bootstrap-select</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/bootstrap-select.css">


</head>
<body>
    <label class="control-label">下拉单选</label>
    <select class="selectpicker"  data-live-search="true">
	 	<option>选项1</option>
        <option>选项2</option>
        <option>选项3</option>
        <option selected>选项4</option>
        <option>选项5</option>
	</select>

    

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../../Scripts/bootstrap-select.js"></script>
    <script type="text/javascript">
        $(window).on('load', function () {

            $('.selectpicker').selectpicker()

            // $('.selectpicker').selectpicker('hide');
        });
    </script>
</body>
</html>
